<template>
  <l-content-view :status="status" @init="init">
    <div class="wrap">
      欢迎回来
    </div>
  </l-content-view>
</template>
<script>
import { PageStatus } from '@/config'
console.log(PageStatus)
export default {
  data() {
    return {
      PageStatus,
      status: PageStatus.Ready
    }
  },
  mounted() {
    // this.init();
  },
  methods: {
    init() {
      this.status = PageStatus.Loading
      setTimeout(() => {
        this.status = PageStatus.Ready
      }, 3000)
    }
  }
}
</script>
<style lang="less" scoped>
  .wrap {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
  }
</style>
